<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>醋醋商城</title>
    <!--引用css样式-->
    <link rel="shortcut icon" href="favicon.ico">
    <link type="text/css" rel="stylesheet" href="css/basic.css">
    <style>
        .sijg {
            color: black;
        }

        .lsn {
            color: black;
        }

        .laal {
            color: black;
        }
    </style>

</head>

<body>
<div id="app">

    <!--网站顶部开始-->
    <div id="TopMain">
        <!-- 广告开始 -->
        <div id="topAdv">
            <a href="#"> <img src="images/adv.jpg"/> </a>
            <img src="images/close.png" class="close"/>
        </div>
        <!-- 广告结束-->

        <!--Top开始-->
        <div id="Top">
            <div class="banner"><a href="#"><img src="images/logo.png"/></a></div>
            <!--search begin-->
            <div class="search">
                <form>
                    <input type="text" class="txt"/>
                    <input type="submit" class="but" value=""/>
                </form>
            </div>
            <!--search end-->
            <div class="user">
                <!--用户登录前状态-->
                <font><a href="Login.html" target="_blank">
                    <img src="./images/person.png" alt=""></a>
                    <a href="Login.html" target="_blank">登录</a></font>
                <font><a href="register.html" target="_blank">
                    <img src="./images/zhuce.png" alt="">
                </a>
                    <a href="register.html" target="_blank">注册</a></font>
                <font><a href="dd.html" target="_blank">
                    <img src="./images/shop.png" alt="">
                </a>
                    <a href="dd.html" target="_blank">购物车</a></font>
            </div>
        </div>
        <!--Top结束-->
    </div>
    <!--网站顶部结束-->


    <!--导航开始-->
    <div id="Logo">
        <ul>
            <li class="first"></span>全部商品分类</li>
            <li><a href="index.html" target="_blank">首页</a></li>
            <li><a href="Product00.html" target="_blank">家电</a></li>
            <li class="nav"><a href="Product01.html" target="_blank">手机</a></li>
            <li class="nav"><a href="Product02.html" target="_blank">电脑</a></li>
            <li class="nav"><a href="Product03.html" target="_blank">服饰</a></li>
            <li class="nav"><a href="Product04.html" target="_blank">家居</a></li>
            <li class="nav"><a href="Product05.html" target="_blank">食品</a></li>
            <li class="last"></li>
        </ul>
    </div>
    <!--导航结束-->


    <!--头部焦点部分开始-->
    <div id="Foucs">
        <div class="FoucsCon">
            <!--菜单开始-->
            <div class="Menu">
                <ul>
                    <li>
                        <h3>家电</h3>
                        <p>
                            <a href="Product00.html" target="_blank">电视</a>
                            <a href="Product00.html" target="_blank">空调</a>
                            <a href="Product00.html" target="_blank">水洗</a>
                            <a href="Product00.html" target="_blank">冰箱</a>
                        </p>
                        <div class="moreNav">

                        </div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>
                    </li>
                    <li>
                        <h3>手机</h3>
                        <p>
                            <a href="Product01.html" target="_blank">华为</a>
                            <a href="Product01.html" target="_blank">vivo</a>
                            <a href="Product01.html" target="_blank">魅族</a>
                            <a href="Product01.html" target="_blank">乐视</a>
                        </p>
                        <div class="moreNav"></div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>

                    </li>
                    <li>
                        <h3>电脑</h3>
                        <p>
                            <a href="Product02.html" target="_blank">戴尔</a>
                            <a href="Product02.html" target="_blank">苹果</a>
                            <a href="Product02.html" target="_blank">联想</a>
                            <a href="Product02.html" target="_blank">华为</a>
                        </p>
                        <div class="moreNav"></div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>
                    </li>
                    <li>
                        <h3>服饰</h3>
                        <p>
                            <a href="Product03.html" target="_blank">森马</a>
                            <a href="Product03.html" target="_blank">李宁</a>
                            <a href="Product03.html" target="_blank">HM</a>
                            <a href="Product03.html" target="_blank">MO</a>
                        </p>
                        <div class="moreNav"></div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>
                    </li>
                    <li>
                        <h3>家居</h3>
                        <p>
                            <a href="Product04.html" target="_blank">按摩</a>
                            <a href="Product04.html" target="_blank">玩具</a>
                            <a href="Product04.html" target="_blank">水杯</a>
                            <a href="Product04.html" target="_blank">化妆</a>
                        </p>
                        <div class="moreNav"></div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>
                    </li>
                    <li>
                        <h3>食品</h3>
                        <p>
                            <a href="Product05.html" target="_blank">卫龙</a>
                            <a href="Product05.html" target="_blank">盼盼</a>
                            <a href="Product05.html" target="_blank">旺旺</a>
                            <a href="Product05.html" target="_blank">江中</a></p>
                        <div class="moreNav"></div>
                        <div class="border_top"></div>
                        <div class="border_bottom"></div>
                        <div class="border_right"></div>
                    </li>
                </ul>
            </div>
            <!--菜单结束-->

            <!--轮播图开始-->
            <div class="flash">
                <!--左右切换按扭-->
                <a href="javascript:void(0)" class="prev"></a>
                <a href="javascript:void(0)" class="next"></a>

                <!--图片滚动部分-->
                <div class="scroll">

                    <!-- <a href="goods.html" target="_blank">
                            <img src="images/flash1.jpg"/>
                        </a> -->
                    <img src="images/flash1.jpg"/>
                    <img src="images/flash2.jpg"/>
                    <img src="images/flash3.jpg"/>
                    <img src="images/flash4.jpg"/>
                    <img src="images/flash5.jpg"/>
                    <img src="images/flash6.jpg"/>
                </div>

                <!--滚动按扭部分-->
                <div class="But">
                    <span class="hover"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <!--轮播图结束-->

            <!--新闻中心开始-->
            <div class="news">
                <div class="newsOpacity"></div>
                <div class="newsCon">
                    <!--潭州快讯 开始-->
                    <div class="newsKx">
                        <h3>醋醋快讯</h3>
                        <ul>
                            <li><a href="" title="双11店庆趴 爆品嗨抢"><font>[ 特惠 ]</font> 双11店庆趴 爆品嗨抢</a></li>
                            <li><a href="" title="“让爱飘香”公益"><font>[ 公告 ]</font>“让爱飘香”公益</a></li>
                            <li><a href="" title="双11商品全场五折"><font>[ 特惠 ]</font> 双11商品全场五折</a></li>
                            <li><a href="" title="醋醋特惠"><font>[ 特惠 ]</font> 加量不加价</a></li>
                            <li><a href="" title="我是最帅的活动"><font>[ 公告 ]</font>欢迎报名参加</a></li>
                        </ul>
                    </div>
                    <!--快讯 结束-->


                    <div class="newsKx Datatx">
                        <h3>节日提醒</h3>
                        <ul>
                            <li><a href="" title="[ 6.21 ] 父亲节如何选择礼物">[ 6.21 ] 父亲节 <font>进入专题页</font></a></li>
                            <li><a href="" title="[ 8.21 ] 七夕">[ 8.21 ] 七夕 <font>进入专题页</font></a></li>
                            <li><a href="" title="[ 11.11 ] 光棍节 ">[ 11.11 ] 光棍节 <font>进入专题页</font></a></li>
                            <li><a href="" title="[12.12]双12">[ 12.12 ] 双十二<font>进入专题页</font></a></li>

                        </ul>
                    </div>


                </div>
            </div>
            <!--新闻中心开始-->
            <div style="clear:both"></div>
        </div>
    </div>
    <!--头部焦点部分结束-->


    <!--热销推荐开始-->
    <div id="HotIntro">
        <div class="HotIntroCon">
            <!--热点推荐开始-->
            <div class="hotIntro">
                <img src="images/webintro.jpg" class="hotimg"/>
                <div class="hotList">
                    <dl>
                        <dt><a href="goods4K电视3.html" target="_blank"><img src="images/webpic1.jpg"/></a></dt>
                        <dd class="ti">Sony Touch智能设备控投影仪G1109</dd>
                        <dd class="money">特价：<font>￥13999.0</font></dd>
                        <dd class="buy"><a href="goods4K电视3.html">立即抢购</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="goods - 空调.html" target="_blank"><img src="images/webpic2.jpg"/></a></dt>
                        <dd class="ti">LaCie/莱斯 8big Rack 24TB</dd>
                        <dd class="money">特价：<font>￥39999.0</font></dd>
                        <dd class="buy"><a href="goods - 空调.html">立即抢购</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="goods - 空调.html" target="_blank"><img src="images/webpic3.jpg"/></a></dt>
                        <dd class="ti">德国 美诺 Miele KWT 6112 红酒柜 包税</dd>
                        <dd class="money">特价：<font>￥28000.0</font></dd>
                        <dd class="buy"><a href="goods - 空调.html">立即抢购</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="goods4K电视.html" target="_blank"><img src="images/webpic1.jpg"/></a></dt>
                        <dd class="ti">Sony Touch智能设备控投影仪G1109</dd>
                        <dd class="money">特价：<font>￥13999.0</font></dd>
                        <dd class="buy"><a href="goods4K电视.html">立即抢购</a></dd>
                    </dl>
                </div>
            </div>
            <!--热点推荐结束-->
        </div>
    </div>
    <!--热销推荐结束-->

</div>

<!--头部活动部分开始-->
<div id="TopEvent">
    <!--Part2L start-->
    <div class="TopEventL">
        <P class="ti">
            <a href="#one"><span class="sijg">天天特价</span></a>
            <a href="#two"><span class="sijg">商城推荐</span></a>
            <a href="#three"><span class="sijg">新品速递</span></a>
            <a href="#four"><span class="sijg">猜你喜欢</span></a>

            <ul>
                <li><a href="goods抽油烟机.html">
                    <img src="images/dg_img1.jpg" width="200"/></a>
                    <h3>爱莉菲尼系列日本吸油烟机</h3>
        <p>￥23600.00</p>
        </li>
        <li>
            <a href="goods - 洗衣机.html">
                <img src="images/dg_img2.jpg" width="200"/></a>
            <h3>复式变频洗烘一体洗衣机</h3>
            <p>￥25000.00</p>
        </li>
        <li>
            <a href="goods4K电脑1.htmlss">
                <img src="images/dg_img3.jpg" width="200"/></a>
            <h3>三刀头可水洗刮胡刀</h3>
            <p>￥258.00</p>
        </li>
        <li>
            <a href="">
                <img src="images/dg_img6.jpg" width="200"/></a>
            <h3>美诺（Miele）独立式酒柜</h3>
            <p>￥88880.00</p>
        </li>
        </ul>
    </div>
    <!--Part2L end-->

    <!--Part2R start-->
    <div class="TopEventR">
        <p class="ti"><a href="#five">
            <span class="lsn">热门活动</span>
            <span class="lsn">频道精选</span></a></p>
        <div class="Intro">
            <div class="box">
                <img src="images/jr_img5.jpg" width='200' height='200'/>
                <h3>王者荣耀皮肤限时抢</h3>
                <p>
                    <font>4</font>天
                    <font>22</font>小时
                    <font>36</font>分
                    <font>05</font>秒
                </p>
            </div>
            <div class="box"></div>
        </div>
    </div>
    <!--Part2R end-->
</div>
<!--头部活动部分结束-->


<!--第一部分个性定制礼物开始-->
<div id="one">
    <div id="Specific" class="commCss">
        <p class="ti">天天特价</p>
        <div class="PartCon">
            <!--PartL start-->
            <div class="PartL">

                <!--左右切换按扭-->
                <img src="images/prev.png" class="prev"/>
                <img src="images/next.png" class="next"/>

                <!--产品列表内容开始-->
                <div class="imgList">
                    <ul>
                        <li>
                            <img src="images/jr_img1.jpg" width="280" height="280"/>
                            <h3>VC爽肤水去油腻让你持久清新</h3>
                            <span>特价：<font>26.0元</font></span>
                        </li>
                        <li>
                            <img src="images/jr_img2.jpg" width="280" height="280"/>
                            <h3>江门黄菊买一送一</h3>
                            <span>特价：<font>100.0元</font></span>
                        </li>
                        <li>
                            <img src="images/jr_img3.jpg" width="280" height="280"/>
                            <h3>TINZE品牌手表让你与众不同</h3>
                            <span>特价：<font>350.0元</font></span>
                        </li>
                        <li>
                            <img src="images/jr_img4.jpg" width="280" height="280"/>
                            <h3>墙壁挂钩特惠装加量不加价，强劲耐用</h3>
                            <span>特价：<font>10.0元</font></span>
                        </li>
                    </ul>
                </div>
            </div>
            <!--PartL end-->

            <!--PartM start-->
            <div class="PartM">
                <ul>
                    <a href="Product00.html" class="laal">
                        <li>
                            家电
                        </li>
                    </a>
                    <a href="Product01.html" class="laal">
                        <li>
                            手机
                        </li>
                    </a>
                    <a href="Product04.html" class="laal">
                        <li>
                            家居
                        </li>
                    </a>
                    <a href="Product03.html" class="laal">
                        <li>
                            服饰
                        </li>
                    </a>
                    <a href="Product05.html" class="laal">
                        <li>
                            食品
                        </li>
                    </a>
                </ul>
                <img src="images/zp4.jpg" width='175' height='150'/>
                <p>贵人鸟男士长裤</p>
                <span class="hot">热销产品</span>
            </div>
            <!--PartM end-->

            <!--PartR start-->
            <div class="PartR">
                <ul>
                    <li>
                        <a href="goods男装T恤.html">
                            <img src="images/zp3.jpg" width='200'/></a>
                        <p>休闲运动短裤 <span>￥30.0</span></p>
                    </li>
                    <li>
                        <img src="images/zp2.jpg" width='200'/>
                        <p>沃鸥炭烧白咖啡 <span>￥42.0</span></p>
                    </li>
                    <li>
                        <img src="images/zp5.jpg" width='200'/>
                        <p>精品茶艺杯六件套 <span>￥120.0</span></p>
                    </li>
                    <li>
                        <img src="images/zp6.jpg" width='200'/>
                        <p>华为NOVA P10 <span>￥2790</span></p>
                    </li>
                    <li>
                        <img src="images/zp7.jpg" width='200'/>
                        <p>南极人长袜 <span>￥30.0</span></p>
                    </li>
                    <li>
                        <img src="images/zp8.jpg" width='200'/>
                        <p>拖地神器 <span>￥95.0</span></p>
                    </li>
                </ul>
            </div>
            <!--PartM end-->
        </div>
        <div style="clear:both"></div>
    </div>
</div>
<!--第一部分个性定制礼物结束-->


<!--第二部分鲜花开始-->
<div id="two">
    <div id="Flower" class="part2">
        <ul class="FlowerNav">
            <li class="first"><a href="Product00.html"></a>
                <span class="lsn">家电</span></li>
            <li><a href="Product01.html">
                <span class="lsn">手机</span></a></li>
            <li><a href="Product02.html">
                <span class="lsn">电脑</span></a></li>
            <li><a href="Product03.html">
                <span class="lsn">服饰</span></a></li>
            <li><a href="Product04.html">
                <span class="lsn">家居</span></a></li>
            <li><a href="Product05.html">
                <span class="lsn">食品</span></a></li>
            <li class="xh_nav"><span>商品推荐</span></li>
        </ul>


        <div class="FlowerCon">
            <!--左边开始-->
            <div class="FlowerLeft">

                <!--动画开始-->
                <div class="xianFlash"><a href="good小米.html">
                    <img src="./images/手机/sj5.jpg" width="480" height="350"/></a></div>
                <!--动画结束-->

                <!--开始-->
                <div class="xianType">
                    <ul>
                        <li class="active">
                            <h3 class="hover">小米</h3>
                            <div>小米MIX2<br/>
                                多功能NFC 支持小米公交，可使用手机刷公交卡地区正在陆续开通，且同时开通多张公交卡需视情况而定。全新MIUI
                                9系统正在陆续开放升级，将以开发版、稳定版形式有序推进升级计划。由于技术条件等差异，以产品完成测试时间为准。升级计划参考MIUI官方网站
                                www.miui.com。页面数据来源小米实验室，如有出入以实际为准。
                            </div>
                        </li>
                        <li>
                            <h3>小米M</h3>
                            <div></div>
                        </li>
                        <li>
                            <h3>小米N</h3>
                            <div></div>
                        </li>
                        <li>
                            <h3>小米8</h3>
                            <div></div>
                        </li>
                        <li class="last">
                            <h3>小米S</h3>
                            <div></div>
                        </li>
                    </ul>
                </div>
                <!--效果结束-->

            </div>
            <!--左边结束-->

            <!--选项卡内容部分开始-->
            <div class="FlowerRight">
                <div class="FlowerComm">
                    <ul>

                    </ul>
                </div>
                <div class="FlowerComm">
                    <ul>

                    </ul>
                </div>
                <!-- <div class="FlowerComm">郁金香</div>
                <div class="FlowerComm">牡丹花</div>
                <div class="FlowerComm">法国玫瑰</div> -->
                <div class="FlowerComm" style="display:block;">
                    <ul>
                        <li><a href="goods手机1.html"><img src="./images/手机/sj0.jpg" width="180" height="180"/></a>
                            <p><a href="">小米note2</a></p>
                            <p class="money">￥3200.0元</p>
                        </li>
                        <li><a href="goods手机2.html">
                            <img src="./images/手机/sj1.jpg" width="180" height="180"/></a>
                            <p><a href="">小米5</a></p>
                            <p class="money">￥3500.0元</p>
                        </li>
                        <li><img src="./images/手机/sj2.jpg" width="180" height="180"/>
                            <p><a href="">小米6</a></p>
                            <p class="money">￥3220.0元</p>
                        </li>
                        <li><img src="./images/手机/sj3.jpg" width="180" height="180"/>
                            <p><a href="">小米MIX2</a></p>
                            <p class="money">￥2200.0元</p>
                        </li>
                        <li><img src="./images/手机/sj4.jpg" width="180" height="180"/>
                            <p><a href="">小米S</a></p>
                            <p class="money">￥5460.0元</p>
                        </li>
                        <li><img src="./images/手机/sj6.jpg" width="180" height="180"/>
                            <p><a href="">小米MAX3</a></p>
                            <p class="money">￥6000.0元</p>
                        </li>


                    </ul>
                </div>
            </div>
            <!--选项卡内容部分结束-->
            <div style="clear:both;"></div>
        </div>
    </div>
</div>
<br>
<br>
<!--第二部分结束-->


<!--第三部分开始-->
<div id="three"></div>
<div id="Specific" class="commCss">
    <p class="ti">新品速递</p>
    <div class="PartCon">
        <!--PartL start-->
        <div class="PartL">

            <!--左右切换按扭-->
            <img src="images/prev.png" class="prev"/>
            <img src="images/next.png" class="next"/>

            <!--产品列表内容开始-->
            <div class="imgList">
                <ul>
                    <li>
                        <img src="images/jr_img1.jpg" width="280" height="280"/>
                        <h3>VC爽肤水去油腻让你持久清新</h3>
                        <span>特价：<font>26.0元</font></span>
                    </li>
                    <li>
                        <img src="images/jr_img2.jpg" width="280" height="280"/>
                        <h3>江门黄菊买一送一</h3>
                        <span>特价：<font>100.0元</font></span>
                    </li>
                    <li>
                        <img src="images/jr_img3.jpg" width="280" height="280"/>
                        <h3>TINZE品牌手表让你与众不同</h3>
                        <span>特价：<font>350.0元</font></span>
                    </li>
                    <li>
                        <img src="images/jr_img4.jpg" width="280" height="280"/>
                        <h3>墙壁挂钩特惠装加量不加价，强劲耐用</h3>
                        <span>特价：<font>10.0元</font></span>
                    </li>
                </ul>
            </div>
        </div>
        <!--PartL end-->

        <!--PartM start-->
        <div class="PartM">
            <ul>
                <a href="Product00.html" class="laal">
                    <li>
                        家电
                    </li>
                </a>
                <a href="Product01.html" class="laal">
                    <li>
                        手机
                    </li>
                </a>
                <a href="Product04.html" class="laal">
                    <li>
                        家居
                    </li>
                </a>
                <a href="Product03.html" class="laal">
                    <li>
                        服饰
                    </li>
                </a>
                <a href="Product05.html" class="laal">
                    <li>
                        食品
                    </li>
                </a>
            </ul>
            <img src="./images/新品/xp8.jpg" width='175' height='150'/>
            <p>超强充电宝</p>
            <span class="hot">热销产品</span>
        </div>
        <!--PartM end-->

        <!--PartR start-->
        <div class="PartR">
            <ul>
                <li><a href="goods手机1.html">
                    <img src="./images/新品/xp1.jpg" width='200'/></a>
                    <p>三星R3232 <span>￥5604.0</span></p>
                </li>
                <li><a href="goods笔记本2.html">
                    <img src="./images/新品/xp3.jpg" width='200'/></a>
                    <p>thinkpand3.25 <span>￥65032.0</span></p>
                </li>
                <li>
                    <img src="./images/新品/xp4.jpg" width='200'/>
                    <p>洁柔抽纸 <span>￥20.0</span></p>
                </li>
                <li>
                    <img src="./images/新品/xp5.jpg" width='200'/>
                    <p>格力静音电风扇 <span>￥290.0</span></p>
                </li>
                <li>
                    <img src="./images/新品/xp6.jpg" width='200'/>
                    <p>心相印抽纸 <span>￥30.0</span></p>
                </li>
                <li>
                    <img src="./images/新品/xp7.jpg" width='200'/>
                    <p>机械革命笔记本 <span>￥9995.0</span></p>
                </li>
            </ul>
        </div>
        <!--PartM end-->
    </div>
    <div style="clear:both"></div>
</div>
<!--第三部分结束-->


<!--第四部分开始-->
<div id="four"></div>
<div id="three">
    <div id="Cake" class="Part4">
        <p class="ti">猜你喜欢</p>
        <div class="Con">
            <div class="ConL">
                <ul>
                    <li class="first">
                        <dl>
                            <dt><a href="goods笔记本1.html">
                                <img src="./images/xpic18.jpg" width="268" height='268'/></a></dt>
                            <dd class="ti">联想拯救者笔记本</dd>
                            <dd class="info">简单介绍：</dd>
                            <dd class="infos">搭载了最新的酷睿i8处理器，GTX1080P显卡，32G内存大容量快乐吃鸡</dd>
                            <dd class="but"><a href="dd.html">
                                <img src="images/buy.png"/></a>
                                <a href="dd.html">
                                    <img src="images/join.png"/></a></dd>
                        </dl>

                    </li>
                    <li>
                        <h3>方太抽油烟机</h3>
                        <p>￥45400.0元</p>
                        <img src="images/dg_img1.jpg" width="190" height="190"/></li>
                    <li>
                        <div class="box">
                            <div class="box1">
                                <h3>男士电动剃须刀</h3>
                                <p>￥300.0元</p>
                            </div>
                            <div class="box2">
                                <img src="images/dg_img3.jpg" width="100" height="100"/>
                            </div>
                        </div>

                        <div class="box">
                            <div class="box1">
                                <h3>全自动洗衣机</h3>
                                <p>￥35500.0元</p>
                            </div>
                            <div class="box2">
                                <img src="images/dg_img2.jpg" width="100" height="100"/>
                            </div>
                        </div>
                    </li>
                    <li>
                        <h3>小米mix2</h3>
                        <p>￥29900.0元</p>
                        <img src="images/手机/sj4.jpg" width="190" height="190"/>
                    </li>
                    <li>
                        <h3>舒服靠枕</h3>
                        <p>￥45.0元</p>
                        <img src="images/srpic5.jpg" width="190" height="190"/>
                    </li>


                </ul>
            </div>

            <div class="ConR">

                <dl>
                    <dt><img src="images/dg_img6.jpg" width="80" height="80"/></dt>
                    <dd>双开门冰箱</dd>
                    <dd class="money">￥23400.0元</dd>
                </dl>

                <dl>
                    <dt><img src="images/dg_img2.jpg" width="80" height="80"/></dt>
                    <dd>全自动滚筒洗衣机</dd>
                    <dd class="money">￥4500.0元</dd>
                </dl>

                <dl>
                    <dt><img src="images/xpic115.jpg" width="80" height="80"/></dt>
                    <dd>nike篮球鞋</dd>
                    <dd class="money">￥6540.0元</dd>
                </dl>

                <dl>
                    <dt><img src="images/xpic117.jpg" width="80" height="80"/></dt>
                    <dd>舒适靠枕</dd>
                    <dd class="money">￥300.0元</dd>
                </dl>
                <dl>
                    <dt><img src="images/xpic17.jpg" width="80" height="80"/></dt>
                    <dd>高定制主机箱</dd>
                    <dd class="money">￥7800.0元</dd>
                </dl>


            </div>

            <div style="clear:both"></div>
        </div>
    </div>
</div>
<!--第四部分结束-->


<!--网站底部开始-->
<img src="images/f.jpg" class="fbg"/>
<div id="Footer2">
    <dl class="first">
        <dt><h3><a href="#">购物指南</a></h3></dt>
        <dd><a href="#">购物流程</a></dd>
        <dd><a href="#">会员介绍</a></dd>
        <dd><a href="#">常见问题</a></dd>
    </dl>
    <dl class="two">
        <dt><h3><a href="#">配送方式</a></h3></dt>
        <dd><a href="#">上门自提</a></dd>
        <dd><a href="#">211限时达</a></dd>
        <dd><a href="#">配送服务查询</a></dd>
    </dl>
    <dl class="three">
        <dt><h3><a href="#">支付方式</a></h3></dt>
        <dd><a href="#">货到付款</a></dd>
        <dd><a href="#">在线支付</a></dd>
        <dd><a href="#">分期付款</a></dd>
    </dl>
    <dl class="four">
        <dt><h3><a href="#">售后服务</a></h3></dt>
        <dd><a href="#">售后政策</a></dd>
        <dd><a href="#">价格保护</a></dd>
        <dd><a href="#">退款说明</a></dd>
    </dl>
    <dl class="five">
        <dt><h3><a href="#">特色服务</a></h3></dt>
        <dd><a href="#">夺宝岛</a></dd>
        <dd><a href="#">DIY装机</a></dd>
        <dd><a href="#">延保服务</a></dd>
    </dl>
    <dl class="six">
        <dt><h3><a href="#">招聘专区</a></h3></dt>
        <dd><a href="#">诚聘英才</a></dd>
        <dd><a href="#">品牌入驻</a></dd>
        <dd><a href="#">友情链接</a></dd>
    </dl>
    <dl class="last">
        <dt>
            <a href="https://baike.baidu.com/item/%E7%94%B5%E5%AD%90%E7%A7%91%E6%8A%80%E5%A4%A7%E5%AD%A6%E4%B8%AD%E5%B1%B1%E5%AD%A6%E9%99%A2/9079739?fr=aladdin">电话客服</a>
        </dt>
        <dd>13112977863</dd>
        <dd><a href="#"><img src="images/QQ.jpg"/></a></dd>
    </dl>

    <div style="clear:both"></div>

    <h1>{{message}}</h1>
</div>



</div>
<p class="Copy">Copyright © 2018-2019 www.cucushop.com All Rights Reserved 版权所有：电子科技大学软件开发班第十六小组 备案号：备2015030402021号</p>
<!--网站底部结束-->


<!--引用外部jquery文件-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>


<script type="text/javascript">

    $("img.prev").click(function () {

        $(".imgList ul").animate({"left": -280}, 500, function () {
            $(this).append($(this).find("li:first"));
            $(this).css("left", 0);
        });

    });

    $("img.next").click(function () {

        autoPlay();

    });

    var cleartime = setInterval(autoPlay, 2000);
    //鼠标放上去，停止播入
    $("img.next,img.prev").hover(function () {
        clearInterval(cleartime);
    }, function () {
        cleartime = setInterval(autoPlay, 3000);
    });

    function autoPlay() {

        $(".imgList ul").prepend($(".imgList ul li:last"));
        $(".imgList ul").css("left", -280);
        $(".imgList ul").animate({"left": 0}, 500);
    }
</script>

</body>
</html>
